<template>
    <div class="Profile">
        <ProfileGeneralInfo></ProfileGeneralInfo>

        <ProfileGeneralBase :userinfo="userInfo"></ProfileGeneralBase>

        <ProfileEdu  :userinfo="userInfo"></ProfileEdu>

       <ProfileJob  :userinfo="userInfo"></ProfileJob>
      <!-- TODO-->
      <!--兴趣标签 -->


    </div>
  
</template>

<script>
import ProfileGeneralInfo from '../ProfileGeneralInfo.vue';
import ProfileGeneralBase from "@/components/userCenter/ProfileGeneralBase.vue";
import ProfileEdu from "@/components/userCenter/ProfileEdu.vue";
import ProfileJob from "@/components/userCenter/ProfileJob.vue";

import {getUserInfo} from "@/api/user";

export default {
    name:"Profile",
    components:{
        ProfileGeneralInfo,ProfileGeneralBase,ProfileEdu,ProfileJob,
    },
  data(){
    return{
        userInfo:{
        }
    }
  },
  mounted() {
    getUserInfo().then(userInfo=>{

      this.userInfo=userInfo;
      console.log(this.userInfo)
    });

  }
}
</script>

<style>
*{
    box-sizing: border-box;
}
.Profile{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 1800px;

}





</style>